<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <link rel="stylesheet" href="./css/global.css" />
    <link rel="stylesheet" href="./css/style.css" />

    <style></style>

    <!-- <style>
      @import url("./css/style.css");
    </style> -->
  </head>
  <body>
    <div>hello</div>
  </body>
</html>

<!-- 
  外部样式表
    将css部分，单独的放在一个独立的文件(.css后缀)里面，在进行引入的方式

  引入：
    在head标签里面的最下面，通过link标签进行引入或者在style标签里面用@import的方式引入

  本质的差别：link属于HTML标签，而@import完全是CSS提供的一种方式
  使用dom(document object model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.


  前期的时候，无脑地使用link标签的方式引入
  后期如果出现需要用css去引css的时候，只能使用@import的方式

 -->
